docs(mcp-patterns): update empty-state-pine to bordered icon square with stacked actions#781
Open
croswell wants to merge 8 commits into
Open
docs(mcp-patterns): update empty-state-pine to bordered icon square with stacked actions#781croswell wants to merge 8 commits into
croswell wants to merge 8 commits into
Conversation
…ith stacked actions Co-authored-by: Sam Croswell <croswell@users.noreply.github.com>
✅ Deploy Preview for pine-design-system ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
github-actions
Bot
added
documentation
Co-authored-by: Sam Croswell <croswell@users.noreply.github.com>
Co-authored-by: Sam Croswell <croswell@users.noreply.github.com>
Co-authored-by: Sam Croswell <croswell@users.noreply.github.com>
…state icon square Co-authored-by: Sam Croswell <croswell@users.noreply.github.com>
…con square Co-authored-by: Sam Croswell <croswell@users.noreply.github.com>
Co-authored-by: Sam Croswell <croswell@users.noreply.github.com>
croswell
marked this pull request as ready for review
July 19, 2026 20:32
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes using default effort and found 1 potential issue.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.
Want higher recall? High effort reviews run extra passes and find more bugs. A team admin can switch effort levels in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit 7c7b364. Configure here.
…ll panels Co-authored-by: Sam Croswell <croswell@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Description
Updates the
empty-state-pinecomposition pattern inlibs/core/src/stories/resources/mcp-patterns.jsonto match the new empty-state design.Changes to the pattern snippet:
border-radius="circle", red-300 background, white 40px icon) to a neutral-gray 48x48 rounded square (no border,border-radius="md",--pine-color-background-inset) with a centered neutral-colored24pxicon.secondary+primaryrow to a stacked column:primaryaction on top of atertiary"Learn more" button.flex="none"so the badge stays a 48x48 square and the sections stay centered as a group in tall panels (pds-boxdefaults toflex-grow: 1).descriptionandnotesto describe the new gray-square + stacked-actions layout.The pattern is composed entirely from existing primitives (
pds-box,pds-icon,pds-text,pds-button) — no new component or props. It renders live in Storybook under Resources → Patterns viaPatternCatalog.Design preview
Static preview of the new recipe (light + dark) — neutral-gray 48x48 icon square (no border,
mdcorner radius,--pine-color-background-insetfill) with a 24px icon. Note: this is an approximate render for design review, not a live Storybook/Stencil build.Empty state new design preview (light and dark)
Type of change
How Has This Been Tested?
mcp-patterns.jsonis still well-formed JSON. Pattern renders via the existingPatternCatalogStorybook page; no build/codegen needed since there are no.tsxchanges. Included a static headless-Chrome preview of the recipe for design review. Addressed Bugbot review: addedflex="none"to inner boxes to prevent the badge stretching (pds-box defaults toflex-grow: 1).Checklist:
To show artifacts inline, enable in settings.